<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="apple-touch-icon-precomposed" sizes="180x180"
          href="/upload/site/20220226-1/c045bb7614e294b99db60bca956c8241.png">
    <link rel="shortcut icon" href="/upload/site/20220226-1/c045bb7614e294b99db60bca956c8241.png" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="/template/conch/asset/css/style.css?v=3.1">
    <link rel="stylesheet" type="text/css" href="/template/conch/asset/css/black.css?v=3.1" name="color">
    <link rel="stylesheet" type="text/css" href="/template/conch/asset/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <style type="text/css">.hl-br-thumb, .hl-item-thumb {
        background-image: url("/upload/site/20220226-1/63dd336ecf4757a1cbda8aacad055486.gif");
        background-repeat: no-repeat;
    }

    .conch-banner .conch-br-box .hl-br-thumb, .conch-content .hl-row-box .hl-item-thumb, .conch-content .hl-vod-rank .hl-rank-box, .conch-content .hl-article-main .hl-article-box img, .conch-content .hl-detail-side, .conch-content .hl-row-box .hl-topic-list .hl-item-wrap:after, .hl-topic-list .hl-item-wrap:before, .conch-ads-box {
        border-radius: 10px;
    }

    .conch-content .hl-vod-rank .hl-rank-list .hl-item-thumb, .conch-content .hl-new-items .hl-item-thumb {
        border-radius: 5px;
    }</style>
    <style type="text/css">@keyframes rectangle {
                               0%, 100%, 80% {
                                   height: 6px;
                                   -webkit-box-shadow: 0 0 #F787A9;
                                   box-shadow: 0 0 #F787A9;
                               }
                               40% {
                                   height: 6px;
                                   -webkit-box-shadow: 0 -4px #F787A9;
                                   box-shadow: 0 -4px #F787A9;
                               }
                           }

    .conch-content .hl-row-box .hl-site-tabs a.active, .conch-content .hl-tool-icon a.disabled, .conch-content .hl-type-name a.active, .conch-header .conch-menus ul > li > a.active, .conch-header .conch-menus ul > li > a.active > i, .conch-results li strong, .hl-btn-border, .hl-text-conch {
        color: #F787A9;
    }

    .conch-banner .swiper-pagination-bullet-active, .conch-content .hl-play-source .hl-plays-from a.active:after, .conch-content .hl-play-source .hl-plays-list li > a > em::after, .conch-content .hl-play-source .hl-plays-list li > a > em::before, .conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link:after, .conch-content .hl-row-box .hl-pic-tag span, .conch-content .hl-row-box .hl-site-tabs a.active::after, .conch-footer .hl-foot-extra .hl-fe-list a span, .conch-header .conch-menus ul > li > a.active em, .hl-bg-conch, .hl-page-wrap li a.active {
        background: #F787A9;
    }

    .conch-input:checked {
        background-color: #F787A9;
    }

    .conch-content .hl-conch-items, .conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link, .conch-content .hl-row-box .hl-rb-title i, .conch-content .hl-row-box .hl-week-item .hl-tabs-btn.active, .conch-content .hl-smnav-home .hl-smnav-item a > i, .conch-header .conch-hasconch, .hl-btn-gradient {
        background: #F787A9;
        background: -webkit-gradient(linear, left top, right top, from(#F787A9), to(#a0dafb));
        background: -webkit-linear-gradient(left, #F787A9, #a0dafb);
        background: -o-linear-gradient(left, #F787A9 0, #a0dafb 100%);
        background: linear-gradient(90deg, #F787A9, #a0dafb);
    }

    .conch-content .hl-row-box .hl-rb-title i, .conch-content .hl-smnav-home .hl-smnav-item a > i {
        color: transparent !important;
        -webkit-background-clip: text !important;
    }

    .conch-input:checked, .hl-btn-border, .hl-comm-form .hl-comm-focus, .hl-msg-jump .btn a.cz, .hl-page-wrap li a.active, .hl-player-popeom a.cz {
        border-color: #F787A9 !important;
    }

    @media (min-width: 768px) {
        .conch-content .hl-new-items .hl-rank-list li a:hover .hl-item-title, .conch-content .hl-row-box .hl-actor-list.hl-actor-one a:hover .hl-item-title, .conch-content .hl-row-box .hl-list-item:hover .hl-item-title a, .conch-content .hl-search-form .hl-search-submit:hover, .conch-header .conch-menus ul > li > a:hover > i, .conch-header .conch-hasconch .conch-search .hl-search-submit:hover, .hl-alert-items:hover > a, .hl-filter-opted li:hover, .hl-public-box .hl-public-item a:hover .hl-item-title, .hl-text-hover:hover, a:active, a:focus, a:hover {
            color: #F787A9;
        }

        .conch-content .hl-row-box .hl-pic-icon i:hover, .conch-footer .hl-foot-extra .hl-fe-list a:hover, .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit:hover, .conch-header .conch-menus ul > li > a:hover > em, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit:hover, .hl-btn-border:hover, .hl-btn-gradient:hover {
            background: #F787A9;
        }

        .conch-content .hl-row-box .hl-actor-list.hl-actor-sm .hl-item-link:hover, .conch-content .hl-smnav-item a:hover, .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit, .hl-bg-hover:hover {
            background: #F787A9;
            background: -webkit-gradient(linear, left top, right top, from(#F787A9), to(#a0dafb));
            background: -webkit-linear-gradient(left, #F787A9, #a0dafb);
            background: -o-linear-gradient(left, #F787A9 0, #a0dafb 100%);
            background: linear-gradient(90deg, #F787A9, #a0dafb);
        }

        .hl-comm-form .hl-comm-write:hover, .hl-filter-opted li:hover, .hl-page-small .hl-page-btns a:hover, .hl-page-wrap li a:hover {
            border-color: #F787A9;
        }
    }</style>
    <script type="text/javascript" src="common/common.js"></script>
    <script type="text/javascript" src="/template/conch/asset/js/jquery.min.js"></script>
    <script type="text/javascript" src="/template/conch/asset/js/conch.set.js?v=3.1"></script>
    <script type="text/javascript" src="/template/conch/asset/js/conch.vip.js?v=3.1"></script>
    <script type="text/javascript" src="/static/js/home.js"></script>
</head>
<body>
<div id="conch-header" class="conch-header">
    <div class="conch-headwrap conch-hasconch">
        <div class="container">
            <div class="conch-logo"><a class="hl-logo hl-logo-black"
                                       style="background-image: url(/upload/site/20220227-1/1cfb2178a4a15a01c0e2650476bd6072.png);"
                                       href="/"></a><a class="hl-logo hl-logo-white"
                                                       style="background-image: url(/upload/site/20220226-1/851386517664db6673a843b09d7d4598.png);"
                                                       href="/"></a></div>
            <div class="conch-list conch-content">
                <ul class="hl-list hl-text-muted clearfix">
                    <li class="hl-list-font hl-list-history hl-alert-items hl-full-items"><a href="javascript:void(0)"
                                                                                             class="history hl-full-op"
                                                                                             title="观看记录"><i
                            class="iconfont hl-icon-shijian"></i></a>
                        <div class="hl-history-box hl-alert-box hl-full-alert hl-full-x100 hl-bg-site hl-fadeIn-sm">
                            <div class="hl-hy-warp hl-row-box hl-user-log">
                                <div class="hl-hy-title hl-full-head"><a class="hl-close-full hl-hide-sm hl-text-muted"
                                ><i
                                        class="iconfont hl-icon-cuo"></i></a><span>观看记录</span><a
                                        class="hl-hy-clear hl-text-muted hl-pull-right" target="_self"
                                        @click="delAll()" style="position: relative;right: 42px;"><i
                                        class="iconfont hl-icon-lajitong">清空</i></a></div>
                                <div class="hl-hy-list hl-public-box hl-sm-box">
                                    <ul class="hl-public-vod row clearfix">
                                        <li class="hl-public-item" v-if="recordList!=null&&recordList.length>0"
                                            v-for="list in recordList"><a :title="cartoonMap[list.ctid].cname"
                                                                          :href="'/play?ctid='+list.ctid+'&cpname='+pmapMap[list.pid].cpname+'&pname='+pmapMap[list.pid].pname">
                                            <div class="hl-item-pic hl-col-xs-4">
                                                <div class="hl-item-thumb hl-lazy"
                                                     :data-original="cartoonMap[list.ctid].cimage"
                                                     :style="'background-image: url('+cartoonMap[list.ctid].cimage+')'">
                                                    <span class="hl-pic-icon hl-hidden-xs"><i
                                                            class="iconfont hl-icon-bofang-fill"></i></span></div>
                                            </div>
                                            <div class="hl-item-content hl-col-xs-8">
                                                <div class="hl-item-title hl-text-site hl-lc-2">
                                                    {{cartoonMap[list.ctid].cname}}
                                                </div>
                                                <div class="hl-item-blurb hl-text-muted hl-lc-1"><span>继续观看{{pmapMap[list.pid].cpname}}</span>
                                                </div>
                                            </div>
                                        </a></li>
                                        <li class="hl-empty-wrap hl-text-center hl-col-xs-12"
                                            v-if="recordList==null||recordList.length==0"><i
                                                class="iconfont hl-icon-wushuju"></i>
                                            <p>暂无记录</p>
                                            <p class="hl-user-tips" v-if="user.uid!=null"><a class="hl-bg-conch mac_user"
                                                                       href="/ajax_info">用户中心</a>
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="hl-list-font hl-hidden-xs"><a href="/map" title="最新"><i
                            class="iconfont hl-icon-zuixin"></i></a></li>
                    <li class="hl-list-font hl-hidden-xs"><a href="/rank" title="排行"><i
                            class="iconfont hl-icon-paihang"></i></a></li>
                    <li class="hl-list-font hl-alert-items hl-user-items hl-hidden-xs">
                        <a v-if="Object.keys(user).length === 0 && user.constructor === Object"
                           style="background-color: #252525;margin-top: 15px;width: 40px;height: 40px;line-height: 40px;"
                           @click="openshowlogin" title="登录"><i
                                class="iconfont hl-icon-huiyuan"></i></a>
                        <a v-else class="hl-user-face" href="javascript:void(0)" :title="user.ucount"
                           @mouseenter="isenter" @mouseleave="isleave"><img class="face"
                                                                            :src="user.uimage==null?'/upload/user/4/884.jpg':user.uimage"
                                                                            alt="mainworld"></a>
                        <div v-if="!(Object.keys(user).length === 0 && user.constructor === Object)"
                             class="hl-alert-box hl-bg-site hl-fadeIn-sm" :style="isshow?'display: none':''">
                            <div class="hl-user-box"><a class="hl-login-out hl-text-muted" href="javascript:;"
                                                        @click="exitlogin" target="_self">退出</a>
                                <div class="hl-user-info hl-text-center"><span
                                        class="hl-user-name">{{user.ucount}}</span><span
                                        class="hl-user-point hl-text-muted">{{user.ugroup}}</span>
                                </div>
                                <div class="hl-user-list hl-bg-subs hl-text-muted"><a href="/ajax_info"
                                                                                      target="_blank"><i
                                        class="iconfont hl-icon-huiyuan"></i>主页</a><a href="/plays"
                                                                                      target="_blank"><i
                                        class="iconfont hl-icon-shijian"></i>历史</a><a href="/favs"
                                                                                      target="_blank"><i
                                        class="iconfont hl-icon-shoucang"></i>收藏</a></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <login v-if="isshowlogin" :state="state" @downshowlogin="downshowlogin" @login="login"></login>
            <div class="conch-search">
                <div class="hl-search-focus hl-full-op"></div>
                <form class="hl-search hl-text-site hl-search-selop" name="search" method="get" action="/search"
                      onsubmit="return qrsearch();"><a href="javascript:;" class="hl-search-select hl-text-subs"><span
                        class="hl-ss-text" data-mid="1">视频</span><i class="iconfont  hl-icon-jiantouxia"></i></a><input
                        id="hl-search-text" class="hl-search-text hl-search-wd hl-search-top" type="text" name="cname"
                        value="" placeholder="想看点什么呢~">
                    <button id="hl-search-submit" class="hl-search-submit" type="submit"><i
                            class="iconfont hl-icon-sousuo"></i><span class="hl-hidden-xs">&nbsp;搜索</span></button>
                </form>
                <div class="hl-alert-box hl-ss-box hl-bg-site hl-fadeIn">
                    <div class="hl-ss-item"><span class="hl-text-site hl-text-hover" data-mid="1"
                                                  data-action="/search">视频</span></div>
                </div>
                <div class="hl-full-items">
                    <div class="hl-alert-box hl-sh-box hl-full-alert hl-full-x100 hl-bg-site hl-fadeIn-sm">
                        <div class="hl-sh-search hl-hide-sm">
                            <form class="hl-search hl-text-site hl-search-selop" name="search" method="get"
                                  action="/search" onsubmit="return qrsearch();"><input
                                    class="hl-search-text hl-search-wd" type="text" name="cname" value=""
                                    placeholder="想看点什么呢~">
                                <button class="hl-search-submit" type="submit" name="submit"><i
                                        class="iconfont hl-icon-sousuo"></i></button>
                                <a href="javascript:;" class="hl-close-full">取消</a></form>
                        </div>
                        <div class="hl-sh-wrap">
                            <div class="hl-sh-item">
                                <div class="hl-sh-title">推荐搜索</div>
                                <ul class="hl-sh-list clearfix">
                                    <li><a class="hl-bg-subs"
                                           href="/search?cname=间谍过家家">间谍过家家<i>热</i></a>
                                    </li>
                                    <li><a class="hl-bg-subs"
                                           href="/search?cname=更衣人偶">更衣人偶</a></li>
                                    <li><a class="hl-bg-subs"
                                           href="/search?cname=夏日重现">夏日重现</a></li>
                                    <li><a class="hl-bg-subs"
                                           href="/search?cname=辉夜大小姐">辉夜大小姐</a>
                                    </li>
                                    <li><a class="hl-bg-subs"
                                           href="/search?cname=约会大作战">约会大作战</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="conch-nav">
                <div class="hl-nav-wrap hl-navswiper">
                    <ul class="hl-nav hl-text-site swiper-wrapper clearfix">
                        <li class="hl-nav-item hl-slide-swiper hl-author-qq-362695000">
                            <a href="/"
                               th:classappend="${#strings.contains(#httpServletRequest.requestURL,'index')} ? 'hl-text-conch active':''">首页</a>
                        </li>
                        <li class="hl-nav-item hl-slide-swiper">
                            <a href="/newold"
                               th:classappend="${#strings.contains(#httpServletRequest.requestURL,'detail')} or ${#strings.contains(#httpServletRequest.requestURL,'play')} or ${#strings.contains(#httpServletRequest.requestURL,'newold')} ? 'hl-text-conch active':''">新旧番剧</a>
                        </li>
                        <li class="hl-nav-item hl-slide-swiper"><a href="/notice"
                                                                   th:classappend="${#strings.contains(#httpServletRequest.requestURL,'notice')} ? 'hl-text-conch active':''">网站公告</a>
                        </li>
                        <li class="hl-nav-item hl-slide-swiper"><a href="/comment"
                                                                   th:classappend="${#strings.contains(#httpServletRequest.requestURL,'comment')} ? 'hl-text-conch active':''">留言</a>
                        </li>
                        <li class="hl-nav-item hl-slide-swiper"><a href="/map.html"
                                                                   th:classappend="${#strings.contains(#httpServletRequest.requestURL,'map')} ? 'hl-text-conch active':''">最新</a>
                        </li>
                        <li class="hl-nav-item hl-slide-swiper"><a href="/rank"
                                                                   th:classappend="${#strings.contains(#httpServletRequest.requestURL,'rank')} ? 'hl-text-conch active':''">排行</a>
                        </li>
                    </ul>
                </div>
                <div class="hl-nav-more"><i class="hl-mbg hl-hide-sm"></i><a class="hl-text-site hl-open-menu"
                                                                             href="javascript:;"><span
                        class="hl-hidden-xs">全部</span><i class="iconfont hl-icon-caidan"></i></a></div>
            </div>
        </div>
    </div>
    <div class="conch-menus hl-bg-site hl-tran5">
        <div class="conch-ms-header">
            <div class="conch-logo"><a class="hl-logo hl-logo-black"
                                       style="background-image: url(/upload/site/20220227-1/1cfb2178a4a15a01c0e2650476bd6072.png);"
                                       href="/"></a><a class="hl-logo hl-logo-white"
                                                       style="background-image: url(/upload/site/20220226-1/851386517664db6673a843b09d7d4598.png);"
                                                       href="/"></a></div>
            <a class="conch-ms-close hl-text-muted" href="javascript:;"><i class="iconfont hl-icon-cuo"></i></a></div>
        <div class="conch-scrollbar">
            <div class="swiper-wrapper">
                <div class="conch-mswrap swiper-slide">
                    <ul class="hl-menus clearfix">
                        <li class="hl-menus-item">
                            <a href="/"
                               th:classappend="${#strings.contains(#httpServletRequest.requestURL,'index')} ? 'active':''">
                                <i class="iconfont hl-icon-shouye"></i><span>首页</span>
                            </a>
                        </li>
                        <li class="hl-menus-item">
                            <a href="/newold">
                                <i class="iconfont hl-icon-dianying"></i><span>新旧番剧</span><em>82</em>
                            </a>
                        </li>
                        <li class="hl-menus-item"><a href="/notice"><i
                                class="iconfont hl-icon-shipinku"></i><span>网站公告</span></a></li>
                        <li class="hl-menus-item"><a href="/comment"><i
                                class="iconfont hl-icon-liuyan"></i><span>留言</span></a></li>
                        <li class="hl-menus-item"><a href="/map.html"><i
                                class="iconfont hl-icon-zuixin"></i><span>最新</span></a></li>
                        <li class="hl-menus-item"><a href="/rank"
                                                     th:classappend="${#strings.contains(#httpServletRequest.requestURL,'rank')} ? 'active':''"><i
                                class="iconfont hl-icon-paihang"></i><span>排行</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-scrollbar"></div>
        </div>
        <div class="conch-ms-overlay"></div>
    </div>
    <script src="https://lib.baomitu.com/vue/2.6.14/vue.min.js"></script>
    <script src="https://unpkg.com/http-vue-loader"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.0/axios.min.js"></script>
    <script type="text/javascript">
        let login = new Vue({
            el: '#conch-header',
            data: {
                isshowlogin: false,
                user: {},
                isshow: false,
                state: '立即登录',
                num: 0,
                recordList: [],
                cartoonMap: [],
                pmapMap: []
            },
            methods: {
                openshowlogin() {
                    this.isshowlogin = true;
                },
                downshowlogin() {
                    this.isshowlogin = false;
                },
                async login(ucount, password) {
                    this.state = 'Loading';
                    let url = "/login.do";
                    let params = new URLSearchParams();
                    params.append("name", ucount);
                    params.append("password", password);
                    await axios.post(url, params).then(res => {
                        var data = res.data;
                        if (data.code == 1) {
                            this.password = '';
                            alert(res.data.msg);
                            this.isshowlogin = false;
                            this.CheckLogin();
                        } else {
                            alert(res.data.msg);
                        }
                    }).catch(err => {
                        alert("网络波动，登录失败");
                        this.state = '立即登录';
                    });
                    ;
                    this.state = '立即登录';
                },
                CheckLogin() {
                    let url = "/CheckLogin.do";
                    let params = new URLSearchParams();
                    axios.post(url, params).then(res => {
                        var data = res.data;
                        if (data.code == 1) {
                            this.user = data.data;
                            this.user.password = '';
                            this.user.answer = '';
                            this.getPlays();
                        }
                    });
                },
                isenter() {
                    this.isShow = true;
                },
                isleave() {
                    this.isShow = false;
                },
                exitlogin() {
                    let url = "/exitlogin.do";
                    let params = new URLSearchParams();
                    axios.post(url, params).then(res => {
                        var data = res.data;
                        if (data.code == 1) {
                            this.user = {};
                        }
                        alert(data.msg);
                    });
                },
                getPlays() {
                    if (this.user.uid == null || this.user.uid <= 0) {
                        return;
                    }
                    var url = "getPlays.do";
                    var params = new URLSearchParams();
                    params.append("uid", this.user.uid);
                    axios.post(url, params).then(res => {
                        var data = res.data;
                        if (data.code == 1) {
                            this.recordList = data.data["dataList"];
                            this.cartoonMap = data.data["cartoonMap"];
                            this.pmapMap = data.data["pmapMap"];
                        } else {
                            alert(data.msg);
                        }
                    })
                },
                delAll() {
                    if (this.user.uid == null || this.user.uid <= 0) {
                        return;
                    }
                    var url = 'deleteAllPlays.do';
                    var params = new URLSearchParams();
                    params.append("uid", this.user.uid);
                    axios.post(url, params).then(res => {
                        var data = res.data;
                        if (data.code == 1) {
                            this.recordList = [];
                            this.cartoonMap = [];
                            this.csnameMap = [];
                        }
                        alert(data.msg);
                    })
                },
            },
            beforeMount() {
                this.CheckLogin();
            },
            components: {
                'login': httpVueLoader('../vue/login.vue')
            },
            watch: {
                user(newobj, oldobj) {
                    this.num++;
                    if (this.num < 3) {
                        this.CheckLogin();
                    } else {
                        this.num = 1;
                    }
                }
            }
        });
    </script>
</div>
</body>
</html>